<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <!--[if lt IE 9]>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <![endif]-->
    <title>病虫害在线诊断平台</title>
    <meta name="description" content="">
    <meta name="author" content="">
    <!--[if lt IE 9]>
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
    <!--[if lte IE 8]>
    <script type="text/javascript" src="http://explorercanvas.googlecode.com/svn/trunk/excanvas.js"></script>
    <![endif]-->
    <link rel="stylesheet" th:href="@{/css/user/bootstrap.min.css}" />
    <link rel="stylesheet" type="text/css" th:href="@{/css/user/isotope.css}" media="screen" />
    <link rel="stylesheet" th:href="@{/js/user/fancybox/jquery.fancybox.css}" type="text/css" media="screen" />
    <link rel="stylesheet" type="text/css" th:href="@{/css/user/da-slider.css}" />
    <!-- Owl Carousel Assets -->
    <link th:href="@{/js/user/owl-carousel/owl.carousel.css}" rel="stylesheet">
    <link rel="stylesheet" th:href="@{/css/user/styles.css}" />
    <!-- Font Awesome -->
    <link th:href="@{/css/user/font/css/font-awesome.min.css}" rel="stylesheet">
    <link rel="shortcut icon" th:href="@{/css/user/asset/img/logomi.png}">
    <style>
        .ellipsis {
            overflow: hidden;
            max-height: 70px;/***** 设置几行出现省略点 ... 根据line-height *****/
            line-height: 25px;
            margin: 10px;
        }
        .ellipsis:before {
            content:"";
            float: left;
            width: 5px;
            height: 50px;/***** 跟ellipsis height 一样 *****/
        }
        .ellipsis > *:first-child {
            float: right;
            width: 100%;
            margin-left: -5px;
        }
        .ellipsis-after {
            content: "\02026";
            box-sizing: content-box;
            -webkit-box-sizing: content-box;
            -moz-box-sizing: content-box;
            float: right;
            position: relative;
            top: -5px;
            left: 100%;
            width: 8em;
            margin-left: -8em;
            padding-right: 5px;
            text-align: right;
            background-size: 100% 100%;
        　　/* 512x1 image, gradient for IE9. Transparent at 0% -> white at 50% -> white at 100%.*/
            /*background-image: url();*/
            /*background: -webkit-gradient(linear, left top, right top,from(rgba(255, 255, 255, 0)), to(white), color-stop(50%, white));*/
            /*background: -moz-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);*/
            /*background: -o-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);*/
            /*background: -ms-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);*/
            /*background: linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);*/
        }
    </style>
</head>

<body>

<header class="header">
    <div class="container">
        <nav class="navbar navbar-inverse" role="navigation">
            <div class="navbar-header">
                <button type="button" id="nav-toggle" class="navbar-toggle" data-toggle="collapse" data-target="#main-nav">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a href="#" class="navbar-brand scroll-top logo"><b style="color: #000000">病虫害在线诊断平台</b></a>
            </div>
            <!--/.navbar-header-->
            <div id="main-nav" class="collapse navbar-collapse">
                <ul class="nav navbar-nav" id="mainNav">
                    <!--<li class="active"><a href="#home" class="scroll-link" style="color: #000000">首页</a></li>-->
                    <li class="active"><a href="#introText" class="scroll-link" style="color: #000000">系统介绍</a></li>
                    <li><a href="#bchcx" class="scroll-link" style="color: #000000">病虫害查询</a></li>
                    <li><a href="#portfolio" class="scroll-link" style="color: #000000">在线诊断</a></li>
                    <li><a href="#zjfc" class="scroll-link" style="color: #000000">专家风采</a></li>
                    <li><a href="#zywt" class="scroll-link" style="color: #000000">种养问题</a></li>
                    <li><a href="#contactUs" class="scroll-link" style="color: #000000">留言咨询</a></li>
                </ul>
            </div>
            <!--/.navbar-collapse-->
        </nav>
        <!--/.navbar-->
    </div>
    <!--/.container-->
</header>
<!--/.header-->
<div id="#top"></div>
<section id="home" style="display: none;">
    <div class="banner-container">
        <!--   <img src="images/banner-bg.jpg" alt="banner" />-->
        <div class="container banner-content">
            <div id="da-slider" class="da-slider">
                <div class="da-slide">
                    <h2 style="color: #000000">专家指导</h2>
                    <p style="color: #000000">资深农业专家为您提供专业技术指导</p>
                    <a href="/pestdiagnosis/u/second?flag=9" class="da-link" style="color: #000000">查看</a>
                    <div class="da-img"></div>
                </div>
                <div class="da-slide">
                    <h2 style="color: #000000">防治案例</h2>
                    <p style="color: #000000">资深农业专家为农户提供日常防治案例</p>
                    <a href="/pestdiagnosis/u/second?flag=11" class="da-link" style="color: #000000">查看</a>
                    <div class="da-img"></div>
                </div>
                <div class="da-slide">
                    <h2 style="color: #000000">农事提示</h2>
                    <p style="color: #000000">资深农业专家为农户提供准确农事提示</p>
                    <a href="/pestdiagnosis/u/second?flag=10" class="da-link" style="color: #000000">查看</a>
                    <div class="da-img"></div>
                </div>
                <!--  <nav class="da-arrows">
                        <span class="da-arrows-prev"></span>
                        <span class="da-arrows-next"></span>
                    </nav> -->
            </div>
        </div>
    </div>
</section>


<section id="introText" style="padding: 10px 0;" >
    <div class="container">
        <div class="text-center">
            <h1>海西州“互联网+”病虫害在线诊断系统</h1>
            <p style="display: none;">海西州“互联网+”病虫害在线诊断系统海西州“互联网+”病虫害在线诊断系统海西州“互联网+”病虫害在线诊断系统海西州“互联网+”病虫害在线诊断系统海西州“互联网+”病虫害在线诊断系统海西州“互联网+”病虫害在线诊断系统海西州“互联网+”病虫害在线诊断系统海西州“互联网+”病虫害在线诊断系统</p>
        </div>
    </div>
</section>

<!-- 关于我们开始-- >
<!--About-->


<section  class="secPad" id="xtjs">
    <div class="container">

        <div class="heading text-center">
            <!-- Heading -->
            <h2>系统介绍</h2>
            <p style="display: none;">关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们</p>
        </div>
        <div class="row">
            <div class="col-md-4">
                <img th:src="@{/images/user/xtjs.jpg}" alt="" class="img-responsive img-thumbnail">
            </div>
            <div class="col-md-8">
                <p>本系统需要通过集成互联网音视频技术、远程诊断呼叫技术，用于农牧民日常种养殖问题远程诊疗系统，将GIS技术应用到动物疫病、农业病虫害等远程诊断、预测预报过程中，用户使用手机APP，由专家坐诊，建立了一种24小时全天候的动物病疫、病虫害诊断、预报与咨询的服务模式，达到显著提高农牧民种养殖经验降低生产成本。在示范基地、示范点建立病虫害监测设备，实现病虫害的实时监测、上报、预警，为生产种植，专家指导提供数据支撑。</p>
            </div>

        </div>
</section>

<!-- 关于我们结束 -->

<!-- 病虫害查询开始-->

<section class="secPad white" id="bchcx">
    <div class="container">
        <div class="heading text-center">
            <!-- Heading -->
            <h2>病虫害查询</h2>
            <p style="display: none;">病虫害查询病虫害查询病虫害查询病虫害查询病虫害查询病虫害查询</p>
        </div>
        <div class="row">


            <div class="col-md-12">
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <h4>功能介绍</h4>
                    </div>
                    <div class="panel-body">
                        该系统提供了植物保护方面的咨询，对植物病虫草害的危害症状进行诊断、判别、并给出其防治方法、发生规律及每个部位的危害症状。如何正确识别植物常见、多发病虫的种类及防治和处理方法，请进入农作物病虫害远程智能诊断系统--“病虫害信息查询”模块。该模块从“适病”方面进行查询，就是按已知植物的病虫草害名称进行查询。
                    </div>
                </div>
            </div>

            <div class="col-md-3">
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <h4>请选择作物分类</h4>
                    </div>
                    <div class="panel-body">

                        <select class="form-control" id="sel_crop_type" onchange="cropTypeOnchange(this.options[this.options.selectedIndex].value)">
                            <option value="0" selected="selected">请选择作物分类</option>
                            <th:block th:each="item:${cropTypeList}">
                                <option th:value="${item.id}" th:text="${item.name}"></option>
                            </th:block>
                        </select>

                    </div>
                </div>
            </div>

            <div class="col-md-3">
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <h4>请选择作物名称</h4>
                    </div>
                    <div class="panel-body">

                        <select class="form-control" id="sel_crop" onchange="crop_onchange(this.options[this.options.selectedIndex].value)">
                            <option value="0" selected="selected">请选择作物名称</option>

                        </select>

                    </div>
                </div>
            </div>

            <div class="col-md-3">
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <h4>请选择病害类别</h4>
                    </div>
                    <div class="panel-body">

                        <select class="form-control" id="sel_disease_type" onchange="disease_type_onchange(this.options[this.options.selectedIndex].value)">
                            <option value="0" selected="selected">请选择病害类别</option>
                        </select>

                    </div>
                </div>
            </div>

            <div class="col-md-3">
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <h4>请选择病害名称</h4>
                    </div>
                    <div class="panel-body">

                        <select class="form-control" id="sel_disease_name">
                            <option value="0" selected="selected">请选择病害名称</option>
                        </select>

                    </div>
                </div>
            </div>


            <center>
                <button class="btn ripple btn-raised btn-success" onclick="startSearch();">
                    <div>
                        <span>开始查询</span>
                    </div>
                </button>
            </center>

        </div>
    </div>
</section>
<!-- 病虫害分类结束-->







<!--在线诊断开始-->
<!--Portfolio-->
<section id="portfolio" class="page-section section appear clearfix secPad">
    <div class="container">

        <div class="heading text-center">
            <!-- Heading -->
            <h2>在线诊断</h2>
            <p style="display: none;">在线诊断在线诊断在线诊断在线诊断在线诊断在线诊断在线诊断在线诊断在线诊断</p>
        </div>

        <div class="row">


            <div class="col-md-4">
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <h4>请选择大田作物</h4>
                    </div>
                    <div class="panel-body">

                        <select class="form-control" id="sel_dtzw">
                            <option value="0" selected="selected">请选择大田作物</option>

                            <th:block th:each="item:${dtzw}">
                                <option th:value="${item.id}" th:text="${item.cropName}"></option>
                            </th:block>
                        </select>


                        <img th:src="@{/images/user/dt.jpg}" alt="" style="padding-top:10px" />

                    </div>
                </div>
            </div>

            <div class="col-md-4">
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <h4>请选择蔬菜作物</h4>
                    </div>
                    <div class="panel-body">

                        <select class="form-control" id="sel_sczw">
                            <option value="0" selected="selected">请选择蔬菜作物</option>
                            <th:block th:each="item:${sczw}">
                                <option th:value="${item.id}" th:text="${item.cropName}"></option>
                            </th:block>
                        </select>


                        <img th:src="@{/images/user/sc.jpg}" alt="" style="padding-top:10px" />

                    </div>
                </div>
            </div>


            <div class="col-md-4">
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <h4>请选择果树栽培</h4>
                    </div>
                    <div class="panel-body">

                        <select class="form-control" id="sel_gszp">
                            <option value="0" selected="selected">请选择果树栽培</option>
                            <th:block th:each="item:${gszp}">
                                <option th:value="${item.id}" th:text="${item.cropName}"></option>
                            </th:block>
                        </select>


                        <img th:src="@{/images/user/gs.jpg}" alt="" style="padding-top:10px" />

                    </div>
                </div>
            </div>

            <center>
                <button class="btn ripple btn-raised btn-success" onclick="startSearch2()">
                    <div>
                        <span>开始查询</span>
                    </div>
                </button>
            </center>

        </div>

    </div>
</section>
<!--在线诊断结束-->



<!--<section id="service" class="home-section page-section section appear clearfix secPad bg-gray" style="display: none">-->
    <!--<div class="text-center">-->
        <!--<div class="container">-->
            <!--<div class="heading text-center">-->
                <!--&lt;!&ndash; Heading &ndash;&gt;-->
                <!--<h2>快速入口</h2>-->
                <!--<p style="display: none;">为您提供系统</p>-->
            <!--</div>-->
            <!--<div class="row animatedParent">-->
                <!--<div class="col-xs-6 col-sm-4 col-md-4">-->
                    <!--<div class="service-box">-->
                        <!--<div class="service-icon">-->
                            <!--<span class="fa fa-tag fa-2x"></span>-->
                        <!--</div>-->
                        <!--<div class="service-desc">-->
                            <!--<h5>病虫害信息查询</h5>-->
                            <!--<div class="divider-header"></div>-->
                            <!--<p>-->
                                <!--该系统提供了植物保护方面的咨询，对植物病虫草害的危害症状进行诊断、判别、并给出其防治方法、发生规律及每个部位的危害症状。如何正确识别植物常见、多发病虫的种类及防治和处理方法，请进入农作物病虫害远程智能诊断系统&#45;&#45;“病虫害信息查询”模块。该模块从“适病”方面进行查询，就是按已知植物的病虫草害名称进行查询。<br/><br/>-->
                            <!--</p>-->
                            <!--<a href="/pestdiagnosis/u/second?flag=8" class="btn btn-skin">立即查询</a>-->
                        <!--</div>-->
                    <!--</div>-->
                <!--</div>-->
                <!--<div class="col-xs-6 col-sm-4 col-md-4">-->
                    <!--<div class="service-box">-->
                        <!--<div class="service-icon">-->
                            <!--<span class="fa fa-plane fa-2x"></span>-->
                        <!--</div>-->
                        <!--<div class="service-desc">-->
                            <!--<h5>病虫害在线诊断</h5>-->
                            <!--<div class="divider-header"></div>-->
                            <!--<p>-->
                                <!--该系统提供了植物保护方面的咨询，对植物病虫草害的危害症状进行诊断、判别、并给出其防治方法、发生规律及每个部位的危害症状。如何正确识别植物常见、多发病虫的种类及防治和处理方法，请进入农作物病虫害远程智能诊断系统&#45;&#45;“病虫害信息查询”模块。该模块从“适病”方面进行查询，就是按已知植物的病虫草害名称进行查询。<br/><br/>-->
                            <!--</p>-->
                            <!--<a href="/pestdiagnosis/u/second?flag=7" class="btn btn-skin">立即诊断</a>-->
                        <!--</div>-->
                    <!--</div>-->
                <!--</div>-->
                <!--<div class="col-xs-6 col-sm-4 col-md-4">-->
                    <!--<div class="service-box">-->
                        <!--<div class="service-icon">-->
                            <!--<span class="fa fa-heart fa-2x"></span>-->
                        <!--</div>-->
                        <!--<div class="service-desc">-->
                            <!--<h5>专家直播</h5>-->
                            <!--<div class="divider-header"></div>-->
                            <!--<p>-->
                                <!--该系统提供了植物保护方面的咨询，对植物病虫草害的危害症状进行诊断、判别、并给出其防治方法、发生规律及每个部位的危害症状。如何正确识别植物常见、多发病虫的种类及防治和处理方法，请进入农作物病虫害远程智能诊断系统&#45;&#45;“病虫害信息查询”模块。该模块从“适病”方面进行查询，就是按已知植物的病虫草害名称进行查询。<br/><br/>-->
                            <!--</p>-->
                            <!--<a href="/pestdiagnosis/u/second?flag=2" class="btn btn-skin">立即观看</a>-->
                        <!--</div>-->
                    <!--</div>-->
                <!--</div>-->

            <!--</div>-->
        <!--</div>-->
    <!--</div>-->
<!--</section>-->




<!--Package-->
<section id="zjfc" class="secPad">
    <div class="container">
        <div class="heading text-center">
            <!-- Heading -->
            <h2>专家风采</h2>
            <p style="display: none;">专家风采专家风采专家风采专家风采专家风采专家风采</p>
        </div>
        <!--<div class="row">-->
            <!--<th:block th:each="item:${experts1}">-->
            <!--<div class="col-md-3 col-sm-6">-->
                <!--<div class="cuadro_intro_hover " style="background-color:#cccccc;">-->
                    <!--<p style="text-align:center;">-->
                        <!--<img th:src="${item.headImgUrl}" class="img-responsive" alt="">-->
                    <!--</p>-->
                    <!--<div class="caption">-->
                        <!--<div class="blur"></div>-->
                        <!--<div class="caption-text">-->
                            <!--<h3 th:text="${item.name}"></h3>-->
                            <!--<p th:text="${item.introduction}"></p>-->
                            <!--<a class=" btn btn-default" href="/pestdiagnosis/u/second?flag=3"><i class="fa fa-chevron-circle-right">查看更多</i></a>-->
                        <!--</div>-->
                    <!--</div>-->
                <!--</div>-->

            <!--</div>-->
            <!--</th:block>-->

        <!--</div>-->
        <div class="row">
            <th:block th:each="item:${experts}">
                <div class="col-md-3 col-sm-6">
                    <div class="cuadro_intro_hover " style="background-color:#cccccc;">
                        <p style="text-align:center;">
                            <img style="margin:0 auto;height: 200px;" th:src="${item.headImgUrl}" class="img-responsive" alt="">
                        </p>
                        <div class="caption">
                            <div class="blur"></div>
                            <div class="caption-text">
                                <h3 th:text="${item.name}"></h3>
                                <div  class="ellipsis">
                                <div>
                                    <p th:text="${item.introduction}"></p>
                                </div>
                                <span class="ellipsis-after"> ... </span>
                                </div>
                                <a class=" btn btn-default" href="/pestdiagnosis/u/second?flag=3"><i class="fa fa-chevron-circle-right">查看更多</i></a>
                            </div>
                        </div>
                    </div>

                </div>
            </th:block>
        </div>
    </div>
</section>
<!--Quote-->
<section id="quote" class="bg-parlex" style="display: none;">
    <div class="parlex-back">
        <div class="container secPad text-center">
            <h4>"专家风采专家风采专家风采专家风采专家风采专家风采专家风采专家风采专家风采专家风采专家风采专家风采."</h4><h3>-专家风采</h3>
        </div>
        <!--/.container-->
    </div>
</section>

<!--种养问题开始-->
<section id="zywt" class="secPad white">
    <div class="container">
        <div class="heading text-center">
            <!-- Heading -->
            <h2>种养问题</h2>
            <p style="display: none;">种养问题种养问题种养问题种养问题种养问题种养问题种养问题种养问题种养问题</p>
        </div>
        <div class="row">
            <div class="col-sm-3">
                <div class="panel panel-default text-center">
                    <div class="panel-heading">
                        <h3>防治案例</h3>
                    </div>
                    <div class="panel-body" style="display:none;">
                        <h3 class="panel-title price">$9<span class="price-cents">99</span><span class="price-month">mo.</span></h3>
                    </div>
                    <ul class="list-group">

                        <th:block th:each="item:${fzal}">
                            <a th:href="@{'/u/details/'+${item.id}}" target="_blank"><li class="list-group-item" th:text="${item.kName}"></li></a>
                        </th:block>
                        <li class="list-group-item"><a class="btn btn-default" href="/pestdiagnosis/u/second?flag=11">查看更多</a></li>
                    </ul>
                </div>
            </div>
            <div class="col-sm-3">
                <div class="panel panel-default text-center">
                    <div class="panel-heading">
                        <h3>专家指导</h3>
                    </div>
                    <div class="panel-body" style="display:none;">
                        <h3 class="panel-title price">$19<span class="price-cents">99</span><span class="price-month">mo.</span></h3>
                    </div>
                    <ul class="list-group">
                        <th:block th:each="item:${zjzd}">
                            <a th:href="@{'/u/details/'+${item.id}}" target="_blank"><li class="list-group-item" th:text="${item.kName}"></li></a>
                        </th:block>
                        <li class="list-group-item"><a class="btn btn-default" href="/pestdiagnosis/u/second?flag=9">查看更多</a></li>
                    </ul>
                </div>
            </div>
            <div class="col-sm-3">
                <div class="panel panel-default text-center">
                    <div class="panel-heading">
                        <h3>农事提示</h3>
                    </div>
                    <div class="panel-body" style="display:none;">
                        <h3 class="panel-title price">$19<span class="price-cents">99</span><span class="price-month">mo.</span></h3>
                    </div>
                    <ul class="list-group">
                        <th:block th:each="item:${nsts}">
                            <a th:href="@{'/u/details/'+${item.id}}" target="_blank"><li class="list-group-item" th:text="${item.kName}"></li></a>
                        </th:block>
                        <li class="list-group-item"><a class="btn btn-default" href="/pestdiagnosis/u/second?flag=10">查看更多</a></li>
                    </ul>
                </div>
            </div>

            <div class="col-sm-3">
                <div class="panel panel-default text-center">
                    <div class="panel-heading">
                        <h3>常见病虫害</h3>
                    </div>
                    <div class="panel-body" style="display:none;">
                        <h3 class="panel-title price">$49<span class="price-cents">99</span><span class="price-month">mo.</span></h3>
                    </div>
                    <ul class="list-group">
                        <th:block th:each="item:${cjbch}">
                            <a th:href="@{'/u/details/'+${item.id}}" target="_blank"><li class="list-group-item" th:text="${item.kName}"></li></a>
                        </th:block>
                        <li class="list-group-item"><a class="btn btn-default" href="/pestdiagnosis/u/second?flag=13">查看更多</a></li>
                    </ul>
                </div>
            </div>

        </div>
    </div>
</section>

<section id="testimonial" class="page-section section appear clearfix secPad" style="display: none;">
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <div class="carousel slide" data-ride="carousel" id="quote-carousel">
                    <!-- Bottom Carousel Indicators -->
                    <ol class="carousel-indicators">
                        <li data-target="#quote-carousel" data-slide-to="0" class="active"></li>
                        <li data-target="#quote-carousel" data-slide-to="1" class=""></li>
                        <li data-target="#quote-carousel" data-slide-to="2" class=""></li>
                    </ol>

                    <!-- Carousel Slides / Quotes -->
                    <div class="carousel-inner">
                        <!-- Quote 1 -->
                        <div class="item active">
                            <blockquote>
                                <div class="row">
                                    <div class="col-sm-3 text-center">
                                        <img class="img-circle" th:src="@{/images/user/person_1.png}" style="width: 100px; height: 100px;">
                                    </div>
                                    <div class="col-sm-9">
                                        <p>擅长农业规划擅长农业规划擅长农业规划擅长农业规划擅长农业规划擅长农业规划擅长农业规划擅长农业规划擅长农业规划擅长农业规划</p>
                                        <small>张三</small>
                                    </div>
                                </div>
                            </blockquote>
                        </div>
                        <!-- Quote 2 -->
                        <div class="item">
                            <blockquote>
                                <div class="row">
                                    <div class="col-sm-3 text-center">
                                        <img class="img-circle" th:src="@{/images/user/person_2.png}" style="width: 100px; height: 100px;">
                                    </div>
                                    <div class="col-sm-9">
                                        <p>擅长农业规划擅长农业规划擅长农业规划擅长农业规划擅长农业规划擅长农业规划擅长农业规划擅长农业规划擅长农业规划擅长农业规划</p>
                                        <small>李四</small>
                                    </div>
                                </div>
                            </blockquote>
                        </div>
                        <!-- Quote 3 -->
                        <div class="item">
                            <blockquote>
                                <div class="row">
                                    <div class="col-sm-3 text-center">
                                        <img class="img-circle" th:src="@{/images/user/person_3.png}" style="width: 100px; height: 100px;">
                                    </div>
                                    <div class="col-sm-9">
                                        <p>擅长农业规划擅长农业规划擅长农业规划擅长农业规划擅长农业规划擅长农业规划擅长农业规划擅长农业规划擅长农业规划擅长农业规划</p>
                                        <small>王五</small>
                                    </div>
                                </div>
                            </blockquote>
                        </div>
                    </div>

                    <!-- Carousel Buttons Next/Prev -->
                    <a data-slide="prev" href="#quote-carousel" class="left carousel-control"><i class="fa fa-chevron-left"></i></a>
                    <a data-slide="next" href="#quote-carousel" class="right carousel-control"><i class="fa fa-chevron-right"></i></a>
                </div>
            </div>
        </div>

    </div>
</section>
<!-- 种养问题结束-->







<!-- 留言咨询开始-->
<!--Contact -->
<section id="contactUs" class="page-section secPad">
    <div class="container">

        <div class="row">
            <div class="heading text-center">
                <!-- Heading -->
                <h2>留言咨询</h2>
                <p>请描述您遇到的问题</p>
            </div>
        </div>

        <div class="row mrgn30">


            <div class="col-sm-12 col-md-12">
                <!--NOTE: Update your email Id in "contact_me.php" file in order to receive emails from your contact form-->
                <form name="sentMessage" id="contactForm"  novalidate>
                    <h3>留言区/<a href="/pestdiagnosis/u/second?flag=4">留言列表</a></h3>

                    <div class="control-group">
                        <div class="controls">
                            <input type="text" class="form-control"
                                   placeholder="您的姓名" id="l_name" required
                                   data-validation-required-message="Please enter your name" />
                            <p class="help-block"></p>
                        </div>
                    </div>

                    <div class="control-group">
                        <div class="controls">
                            <select class="form-control" id="l_expert">
                                <option value="0" selected="selected">请选择咨询专家</option>
                                <th:block th:each="item:${experts1}">
                                    <option th:value="${item.id}" th:text="${item.name}"></option>
                                </th:block>
                            </select>
                            <p class="help-block"></p>
                        </div>
                    </div>

                    <div class="control-group">
                        <div class="controls">
                            <select class="form-control" id="l_bch_type">
                                <option value="0" selected="selected">请选病虫害类型</option>
                                <th:block th:each="item:${dt}">
                                    <option th:value="${item.id}" th:text="${item.typeName}"></option>
                                </th:block>
                                <!--<option value="1">病害</option>-->
                                <!--<option value="2">虫害</option>-->
                                <!--<option value="3">草害</option>-->
                            </select>
                            <p class="help-block"></p>
                        </div>
                    </div>

                    <div class="control-group">
                        <div class="controls">
                            <input type="tel" class="form-control" placeholder="联系方式"
                                   id="l_phone" required
                                   data-validation-required-message="Please enter your email" />
                        </div>
                    </div>

                    <div class="control-group">
                        <div class="controls">
					<textarea rows="10" cols="100" class="form-control"
                              placeholder="问题描述" id="i_message" required
                              data-validation-required-message="Please enter your message" minlength="5"
                              data-validation-minlength-message="Min 5 characters"
                              maxlength="999" style="resize:none"></textarea>
                        </div>
                    </div>
                    <div id="success"> </div> <!-- For success/fail messages -->
                    <button type="button" class="btn btn-primary pull-right" onclick="send_msg();">发送</button><br />
                </form>
            </div>
            <div class="col-sm-12 col-md-4" style="display:none;">
                <h4>Address:</h4>
                <address>
                    WebThemez Company<br>
                    134 Stilla. Tae., 414515<br>
                    Leorislon, SA 02434-34534 USA
                    <br>
                </address>
                <h4>Phone:</h4>
                <address>
                    12345-49589-2<br>
                </address>
            </div>
        </div>
    </div>
    <!--/.container-->
</section>

<!--留言咨询结束-->

<!--<footer>-->
    <!--<div class="container">-->
        <!--<div class="social text-center">-->
            <!--<a href="#">友情链接一</a>-->
            <!--<a href="#">友情链接二</a>-->
            <!--<a href="#">友情链接三</a>-->
            <!--<a href="#">友情链接四</a>-->
            <!--<a href="#">友情链接无</a>-->
        <!--</div>-->

        <!--<div class="clear"></div>-->
    <!--</div>-->
<!--</footer>-->
<!--/.page-section-->
<section class="copyright">
    <div class="container" >
        <div class="row">
            <div class="col-sm-12 text-center"><a href="/pestdiagnosis/login" target="_blank">后台管理</a></div>
        </div>
        <!-- / .row -->
    </div>
</section>
<a href="#top" class="topHome"><i class="fa fa-chevron-up fa-2x"></i></a>

<!--[if lte IE 8]><script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script><![endif]-->
<script th:src="@{/js/user/modernizr-latest.js}"></script>
<script th:src="@{/js/user/jquery-1.8.2.min.js}" type="text/javascript"></script>
<script th:src="@{/js/user/bootstrap.min.js}" type="text/javascript"></script>
<script th:src="@{/js/user/jquery.isotope.min.js}" type="text/javascript"></script>
<script th:src="@{/js/user/fancybox/jquery.fancybox.pack.js}" type="text/javascript"></script>
<script th:src="@{/js/user/jquery.nav.js}" type="text/javascript"></script>
<script th:src="@{/js/user/jquery.cslider.js}" type="text/javascript"></script>
<!--<script src="contact/jqBootstrapValidation.js"></script>-->
<!--<script src="contact/contact_me.js"></script>-->
<script language='javascript' src='http://pv.sohu.com/cityjson?ie=utf-8'></script>
<script th:src="@{/js/user/custom.js}" type="text/javascript"></script>
<script th:src="@{/js/user/owl-carousel/owl.carousel.js}"></script>
<script th:src="@{/js/request.js}"></script>
<script th:src="@{/js/user/custom/common.js}"></script>
</body>
</html>